
html,body{
        height: 100%;
}
/*全局*/    
#wrap{
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
}  
/*推荐头部*/	
#header{
    background-color: #FF3333;
    color: #FFFFFF;   
    height: 58px;
    padding-top: 18px;
}
   	
.am-with-fixed-header {
   	padding-top: 58px;
}
.am-header-nav
{
	padding-top: 18px;
}

/*主要显示*/
#main{
     -webkit-box-flex: 1; 
     -webkit-flex: 1;
     flex: 1;
}


/*主底部*/
 #footer{
     height: 50px; line-height: 50px;
     background-color: #81a9c3; 
     width: 100%;
     text-align: center;
 }
#footer h5{
    color: white;
}
#footer_list{	
     height: 50px;	
     width: 100%;	
     position: relative;	
     background-color: #f2f2f2;	
}	
#footer_list .list_li{	
      float: left;	
      height: 50px;	
      width: 20%;	
      position: relative;	
}	
#footer_list .list_bar{	
      position: absolute;	
      bottom: 0;	
      left: 6.4%;	
      height: 2px;	
      width: 7.5%;	
      background-color: #FF3333;	
      -webkit-transform: translateX(0%);	
            transform: translateX(0%);	
      -webkit-transition: all .25s ease;	
            transition: all .25s ease;		
}	
#footer_list .home{	
	   
}	
#footer_list .active{	          	
      background-size: 22px 21px;	
      color: #FF3333;
}	
        
#footer_list .list_li .text{          	
      position: absolute;	
      width: 100%;	
      height: .5em;	
      line-height: 1em;	
      left: 0;	
      bottom: 7px;	
      color: #323237;	
      font-size: 12px;	
}	
#footer_list .list_li.active .text{	            
     color: #FF3333;	
     font-weight:bolder;
     font-size: 12px;	
}	

.tngou-description
{

  text-overflow: ellipsis;
  overflow: hidden;
 height: 56px;
}
